<!--
 * @Description: {{ByRuin}}
 * @Version: 2.0
 * @Author: Ruin 🍭
 * @Date: 2021-12-24 09:33:24
 * @LastEditors: 刘引
 * @LastEditTime: 2021-12-24 14:10:16
-->
<template>
  <div class="root">
    <div class="w">
      <div class="container">
        <div>
          <svg
            t="1640323203301"
            class="icon"
            viewBox="0 0 1025 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="1038"
            width="57"
            height="57"
          >
            <path
              d="M993.28 144.2H847.76V35.52c0-19.48-15.72-35.2-35.2-35.2H217.97c-19.48 0-35.2 15.72-35.2 35.2V144.2H30.99c-17.15 0-30.99 15.72-30.99 35.2v181.63c0 103.31 74.04 187.4 165 187.4h40.51c44.66 109.44 150.4 187.66 274.56 192.15V947H218.87c-19.8 0-36 16.2-36 36v5c0 19.8 16.2 36 36 36h593c19.8 0 36-16.2 36-36v-5c0-19.8-16.2-36-36-36H550.47V740.58c124.28-4.49 229.99-82.74 274.6-192.15h37.51c88.71 0 160.92-84.09 160.92-187.4V179.4c0.01-19.49-13.49-35.2-30.22-35.2zM165 478.03c-56.78 0-103.02-52.53-103.02-117.01V214.59h120.8v217.63c0 15.57 1.17 30.86 3.4 45.81h-21.18z m374.18 192.52h-47.83c-131.25 0-238.19-106.8-238.19-238.19V70.71h524.2v102.34c-0.32 2.06-0.5 4.17-0.5 6.34v268.13c-7.83 124.34-111.39 223.03-237.68 223.03z m423.88-309.39c0 64.49-45.11 117.01-100.48 117.01h-18.23c2.24-14.95 3.41-30.24 3.41-45.81V214.73h115.3v146.43z m-314.12-87.73l-75.37-10.88-33.72-68.25c-4.7-9.67-14.51-15.72-25.25-15.72-10.75 0-20.56 6.18-25.26 15.72l-33.72 68.25-75.36 10.88c-10.61 1.61-19.35 9-22.71 19.21-3.36 10.21-0.53 21.37 7.12 28.89l54.54 53.2-12.9 75.1c-1.88 10.61 2.55 21.23 11.15 27.54 8.73 6.32 20.28 7.12 29.69 2.15l67.44-35.47 67.44 35.47c4.03 2.15 8.59 3.23 13.03 3.23 5.78 0 11.55-1.75 16.66-5.38 8.59-6.31 12.9-16.92 11.15-27.54l-12.9-75.1 54.54-53.2c7.66-7.52 10.48-18.68 7.12-28.89-3.34-10.21-12.08-17.73-22.69-19.21zM559.87 345.04c-6.58 6.45-9.67 15.72-8.06 24.85l5.77 33.45-30.09-15.85c-4.03-2.15-8.6-3.22-13.03-3.22s-9 1.07-13.3 3.22l-30.1 15.85 5.78-33.45c1.61-9.13-1.48-18.4-8.06-24.85l-24.32-23.65 33.59-4.83c9.27-1.34 17.19-7.12 21.23-15.45l15.05-30.5 15.04 30.5c4.17 8.32 12.1 14.1 21.23 15.45l33.59 4.83L559.87 345.04z"
              p-id="1039"
              fill="#565656"
            />
          </svg>
          <span>
            <h3>价格优势</h3>
          </span>

          <ul>
            <li>价格透明，在线计价体系</li>
            <li>SMT贴片免工程费，开机费</li>
            <li>BOM物料一站供应，集采价格优</li>
          </ul>
        </div>
        <div>
          <svg
            t="1640325087274"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="6505"
            width="57"
            height="57"
          >
            <path
              d="M447.9 663.3c-6.1 0-12.3-2.3-17-7L303.7 529c-9.4-9.4-9.4-24.6 0-33.9 9.4-9.4 24.6-9.4 33.9 0l110.3 110.3 238.5-238.5c9.4-9.4 24.6-9.4 33.9 0 9.4 9.4 9.4 24.6 0 33.9L464.8 656.3c-4.6 4.6-10.8 7-16.9 7z"
              p-id="6506"
              fill="#565656"
            />
            <path
              d="M513.2 960c-2.7 0-5.4-0.5-7.9-1.4-64.9-22.8-122.6-50.1-171.7-81.2-39.8-25.2-74.1-53.1-101.9-82.8-46.9-50-60.3-88.9-62.3-95.3-23.4-70.4-39.1-187-40.9-304.4-0.9-56.4 1.6-107.7 7.2-148.4 6.7-49 17.6-81.1 33.3-98 12.1-13.1 27.5-18.1 43.5-14.1 99.9 24.8 147-1.4 212.1-37.8 17.9-10 36.3-20.3 57.2-30.2 2.6-1.3 9.7-4.6 31.5-4.5 13.7 0.1 23.8 1.4 30 3.9 28.8 11.7 53.1 25.2 74.5 37 57 31.6 98.1 54.4 189.1 31.6 1.6-0.4 3.1-0.6 4.7-0.7 11.4-0.5 28.1 2.9 42.8 22.4 14.8 19.6 25.5 52.6 32.6 100.7 6 41 9 91.5 8.7 146.2-0.7 113.4-15.5 226.9-38.6 296.4-1.8 5.7-15.6 45.5-62.8 95.7-27.8 29.6-62.1 57.3-101.9 82.5-49 31-106.6 58.3-171.2 81-2.7 0.9-5.3 1.4-8 1.4z m-298-274.7c0.4 1.4 11.7 35.1 54 79.3 38.9 40.7 112.6 98.6 244 146 133.1-48 207.2-106.9 246.1-148.3 41.4-44 51.9-76.9 52-77.3 0.1-0.2 0.1-0.4 0.2-0.5 23.3-69.9 37.5-189.2 36.2-304.1-0.6-55.6-4.9-104.3-12.3-140.9-8.6-42.4-18.7-54.5-21.8-57.3-27.5 6.5-51.5 9.3-73 9.3-61.6 0-102.9-22.9-145.9-46.7-20.9-11.6-42.6-23.6-68.3-34.1-5.2-1-20.1-1.1-25.5-0.2-18.9 9-36.1 18.7-52.9 28-48.9 27.3-95.8 53.5-164.6 53.5-23.6 0-49.9-3.1-79.6-10.3-3.3 3.9-12.1 18-18.9 61.2-6 37.5-8.9 86.6-8.4 141.9 1 114.6 16.2 232.2 38.6 299.7 0 0.2 0.1 0.5 0.1 0.8z m0 0c0 0.1 0.1 0.2 0.1 0.3 0 0 0-0.1-0.1-0.3zM500 110.6z"
              p-id="6507"
              fill="#565656"
            />
          </svg>
          <span>
            <h3>品质保障</h3>
          </span>

          <ul>
            <li>ISO9001品质管理体系认证</li>
            <li>IPC-A-610质量标准</li>
            <li>完善的检测设备</li>
            <li>正品原装，图纸保密</li>
          </ul>
        </div>
        <div>
          <svg
            t="1640325608074"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="7542"
            width="57"
            height="57"
          >
            <path
              d="M510.464 865.28c-183.296 0-332.288-148.992-332.288-332.288s148.992-332.288 332.288-332.288 332.288 148.992 332.288 332.288S693.76 865.28 510.464 865.28z m0-605.184c-150.528 0-273.408 122.368-273.408 273.408 0 150.528 122.368 273.408 273.408 273.408s273.408-122.368 273.408-273.408-122.88-273.408-273.408-273.408z"
              fill="#565656"
              p-id="7543"
            />
            <path
              d="M671.232 605.184H484.864c-23.04 0-41.472-18.432-41.472-41.472V377.344c0-16.384 13.312-29.696 29.696-29.696 16.384 0 29.696 13.312 29.696 29.696v168.96h168.96c16.384 0 29.696 13.312 29.696 29.696-0.512 15.872-13.824 29.184-30.208 29.184zM239.616 881.664c-7.68 0-14.848-3.072-20.992-8.704-11.776-11.776-11.776-30.208 0-41.984l72.192-72.192c11.776-11.776 30.208-11.776 41.984 0 11.776 11.776 11.776 30.208 0 41.984l-72.192 72.192c-5.632 5.632-13.312 8.704-20.992 8.704zM780.8 880.64c-7.68 0-14.848-3.072-20.992-8.704l-72.192-72.192c-11.776-11.776-11.776-30.208 0-41.984 11.776-11.776 30.208-11.776 41.984 0l72.192 72.192c11.776 11.776 11.776 30.208 0 41.984-5.632 5.632-13.312 8.704-20.992 8.704z"
              fill="#565656"
              p-id="7544"
            />
            <path
              d="M198.656 290.304c-7.68 0-14.848-3.072-20.992-8.704-11.776-11.776-11.776-30.208 0-41.984l72.192-72.192c11.776-11.264 30.208-11.264 41.984 0 11.776 11.776 11.776 30.208 0 41.984L219.648 281.6c-6.144 5.632-13.312 8.704-20.992 8.704zM822.272 296.448c-7.68 0-14.848-3.072-20.992-8.704l-72.192-72.192c-11.776-11.776-11.776-30.208 0-41.984s30.208-11.776 41.984 0L843.264 245.76c11.776 11.776 11.776 30.208 0 41.984-6.144 5.632-13.312 8.704-20.992 8.704z"
              fill="#565656"
              p-id="7545"
            />
          </svg>
          <span>
            <h3>交期保障</h3>
          </span>

          <ul>
            <li>样板24小时极速出货</li>
            <li>小批量48小时极速出货</li>
            <li>陆运空运及时交付</li>
          </ul>
        </div>
        <div>
          <svg
            t="1640325686216"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="9302"
            width="57"
            height="57"
          >
            <path
              d="M927.616 465.6C923.328 236.704 745.888 51.808 528 51.808h-32c-217.888 0-395.328 184.896-399.616 413.76C58.112 487.744 32 528.672 32 576v64c0 70.592 57.408 128 128 128s128-57.408 128-128v-64a128.064 128.064 0 0 0-126.784-127.872C173.728 262.688 318.912 115.808 496 115.808h32c177.12 0 322.272 146.88 334.784 332.32A128.064 128.064 0 0 0 736 576v64c0 57.792 38.72 106.176 91.392 122.016a337.504 337.504 0 0 1-191.936 124.48A79.712 79.712 0 0 0 560 832a80 80 0 1 0 0 160 79.68 79.68 0 0 0 67.872-38.112 402.432 402.432 0 0 0 278.24-193.6C955.968 742.816 992 695.776 992 640v-64c0-47.328-26.112-88.256-64.384-110.4zM224 576v64c0 35.296-28.704 64-64 64s-64-28.704-64-64v-64c0-35.296 28.704-64 64-64s64 28.704 64 64z m704 64c0 34.304-27.2 62.176-61.12 63.712l-2.496-1.184c-0.224 0.512-0.576 0.928-0.8 1.408A64 64 0 0 1 800 640v-64c0-35.296 28.704-64 64-64s64 28.704 64 64v64z"
              p-id="9303"
              fill="#565656"
            />
          </svg>
          <span>
            <h3>服务优势</h3>
          </span>

          <ul>
            <li>团队15年pcba加工制造经验</li>
            <li>BOM在线配齐及项目管理经验</li>
            <li>服务全球10000家中小企业客户</li>
            <li>专业客服7*24小时服务</li>
            <li>下单全程跟进服务</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts"></script>

<style lang="scss" scoped>
.root {
  width: 100%;
  height: 340px;
  padding: 80px 0;
  background-color: #f6f6f6;
  .w {
    .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      div {
        width: 280px;
        height: 340px;
        box-sizing: border-box;
        background-color: #ffffff;
        text-align: center;
        padding: 30px 20px;
        span {
          height: 64px;
          display: block;
          display: flex;
          align-items: center;
          justify-content: center;
          // line-height: 64px;
          border-bottom: 1px solid #f1f1f1;
          h3 {
            height: 63px;
            line-height: 63px;
            border-bottom: 3px solid #da5d28;
            font-weight: normal;
          }
        }

        ul {
          padding: 15px 5px;
          li {
            margin-left: 20px;
            height: 32px;
            line-height: 32px;
            list-style-type: disc;
            text-align: left;
            color: #7a7a7a;
            font-size: 14px;
          }
        }
        &:hover {
          box-shadow: 0px 0px 20px #eaeaea;
        }
      }
    }
  }
}
</style>